<template>
  <div class="guli-player">
    <div class="head">
      <a href="#" title="华电控计学院">
        <img class="logo" src="~/assets/img/logo.png" lt="华电控计学院" />
      </a>
    </div>
    <div class="body">
      <div class="content">
        <nuxt />
      </div>
    </div>
  </div>
</template>
<script>
export default {};
</script>

<style>
html,
body {
  height: 100%;
}
</style>

<style scoped>
.head {
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.head .logo {
  height: 50px;
  margin-left: 10px;
}

.body {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
</style>